<template>
  <div>
    <ep-radio-group v-model="active" style="margin-bottom: 20px">
      <ep-radio-button :label="1">简单表格</ep-radio-button>
      <ep-radio-button :label="2">增删改表格</ep-radio-button>
      <ep-radio-button :label="3">筛选表格</ep-radio-button>
    </ep-radio-group>

    <tableBasic v-if="active === 1" />
    <tableCurd v-if="active === 2" />
    <tableSearch v-if="active === 3" />
  </div>
</template>

<script>
import tableBasic from './table-basic.vue'
import tableCurd from './table-curd.vue'
import tableSearch from './table-search.vue'
export default {
  name: 'table-demo',
  data() {
    return {
      active: 1
    }
  },
  components: {
    tableBasic,
    tableCurd,
    tableSearch
  },
  methods: {}
}
</script>
